
<template>
	<div class="navbar">
	    <div class="container">
	        <div class="row">
	            <div class="col s3">
	                <div class="content-left">
	                    <a href="#slide-out" data-activates="slide-out" class="sidebar"><i class="fas fa-bars"></i></a>
	                </div>
	            </div>
	            <div class="col s6">
	                <div class="content-center">
	                    <a href="index.html"><h1>UVEN</h1></a>
	                </div>
	            </div>
	            <div class="col s3">
	                <div class="content-right">
	                    <a href="#modal" class="modal-trigger">
	                        <i class="fas fa-user"></i>
	                    </a>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
 <div class="sidebar-panel">
     <ul id="slide-out" class="collapsible side-nav">
         <li class="list-top"></li>
         <li v-for="(item,index) in menus">
			 <router-link :to="item.routeType!='/' ? item.routeType+'?classId='+item.id : item.routeType"><i class="fas fa-sign-out-alt"></i>{{item.title}}</router-link>
             <!-- <a href="index.html"><i class="fas fa-sign-out-alt"></i>{{item.title}}</a> -->
         </li>
        <li><a href="login.html"><i class="fas fa-sign-in-alt"></i>Login</a></li>
        <li><a href="register.html"><i class="fas fa-user-plus"></i>Register</a></li>
     </ul>
 </div>


</template>
<script setup>
	import api from "@/api/index"
	let menus=ref([])
	onBeforeMount(()=>{
		//导航
		api.getMenu().then(res => {
			menus.value=res.data.data
			console.log(menus.value)
			//数据持久化
			//localStorage.setItem('menuStorage',JSON.stringify(res.data.data))
		})
		//图片
		// api.getIndexInfo().then(res => {
			
		// })
		
	})
	// defineProps({
	// 	menus:{
	// 		type:Array,
	// 		default:[]
	// 	}
	// })
</script>
<style scoped>

</style>
